<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>文件管理器</title>
    <script src="/libs/jquery.js"></script>
    <script src="/libs/layui/layui.js"></script>
    <link rel="stylesheet" href="/libs/layui/css/layui.css">
    <link rel="stylesheet" href="css/file.css">
  
</head>

<body>
<!--剪贴板容器-->
<input type="hidden" id="CB" value="0">

<!--全局鼠标右键-->
<ul id="m1" class="myMenu">
      <li><a id="">查看<s class="layui-icon layui-icon-right"></s></a>
            <ul>
              <li><a id="ktb">缩略图</a></li>
              <li><a id="klb">列表</a></li>
            </ul>
      </li>
      <li><a id="shua">刷新</a></li>
      <li><a id="paste" style="display:none;">粘贴文件</a></li>
      <li><a class="up">上传文件</a></li>
      <li><a id="md">新建目录</a></li>
      <li><a id='q_attr'>属性</a></li>
     
</ul>

<!--文件鼠标右键-->
<ul id="m2" class="myMenu">
      <li><a id='open'>打开</a></li>
      <li><a id='down'>下载</a></li>
      <li><a id='edit'>编辑</a></li>
      <li><a id='copy'>复制</a></li>
      <li><a id='del'>删除</a></li>
      <li><a id='rename'>重命名</a></li>
      <li><a id='attr'>属性</a></li>
</ul>

<!--目录右键-->
<ul id="m3" class="myMenu">
      <li><a id='f_open'>打开</a></li>
      <li><a id="f_shua">刷新</a></li>
      <li><a id="md1">新建目录</a></li>
      <li><a id='rd'>删除</a></li>
      <li><a id='ren'>重命名</a></li>
      <li><a id='f_attr'>属性</a></li>
</ul>

<!--顶部-->
<div class="top"> 
      <a href="javascript:;" class="upimg">切图上传</a> <a href="javascript:;" class="up">批量上传</a>
      <b id="tag">FUI-轻量有颜值的Web文件管理器</b>
       <input type="text" id="search" placeholder="输入关键词进行搜索">
        <script>
		$(document).ready(function () {
		  $('#search').on('input', function () {
			var keyword = $(this).val();
			$('#file li').each(function () {
			  var text = $(this).text();
			  if (text.includes(keyword)) {$(this).show(); } else {$(this).hide();}
			});
		  });
		});
	  </script>
     
</div>

<!--文件夹-->
<div class="folder">
  
   <ul class="con">
       <li style="background-image:url(ico/0.png)"><a id="g1" data-url="/" href="javascript:;">根目录</a></li>
       <ul id="folder"></ul>
   </ul>
  
</div>

<!--文件-->
<div class="file">
 
      
    <ul id="file"></ul>
</div>

<script src="js/fui-file.js"></script>

</body>
</html>
